.integral{
	position: relative;
	.integral-head{
		width: 750rpx;
		height: 238rpx;
		background-image: linear-gradient(-55deg, rgba(40, 40, 40, 1) 0%, #010101 100%);
		box-shadow: 0px 0px 30px 0px rgba(113, 113, 113, 0.1);
		position: relative;
		.head-bos{
			position: absolute;top: 0rpx;left: 0;
			width: 750rpx;height: 238px;padding: 35rpx 56rpx 0 56rpx;
			display: flex;justify-content: space-between;
			.image1{
				width: 26rpx;height: 27rpx;
			}
		}
		.star{
			width: 750rpx;height: 286rpx;position: absolute;top: -24rpx;left: 0;
		}
	}
	.integral-nav{
		position: absolute;left: 25rpx;top:164rpx;
		width: 700rpx;height: 150rpx;border-radius: 10px;
		background-color: #ffffff;box-shadow: 0px 0px 30px 0px rgba(113, 113, 113, 0.1);
		padding: 0 48rpx;
		.integral-bos{
			width: 93rpx;height: 90rpx;
			image{
				width: 93rpx;height: 90rpx;
			}
			.image1{
				width: 79rpx;height: 66rpx;margin-top: 12rpx;
			}
		}
	}
	.integral-tab{
		height: 112rpx;width: 750rpx;padding: 0 45rpx;margin-top: 80rpx;
		position: sticky;top: 0;background-color: #f2f2f2;
		.integral-list{
			margin-right: 70rpx;font-size: 28rpx;position: relative;
			.hig{
				width: 100%;height: 5px;background-color: #03004c;border-radius: 3px;position: absolute;
			}
		}
	}
	.integral-data{
		padding: 0 30rpx;flex-wrap: wrap;
		.data_list{
			width: 335rpx;background-color: #ffffff;box-shadow: 0rpx 0rpx 30rpx 0rpx rgba(113, 113, 113, 0.1);
			border-radius: 5rpx;margin-bottom: 24rpx;
			image{
				width: 335rpx;height: 335rpx;
			}
			.data-bos{
				padding: 20rpx 12rpx;
			}
		}
	}
}